<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Fancy Sliding Form with jQuery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="/EDFU/css/style.css" type="text/css" media="screen"/>
		<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
        <link rel="stylesheet" href="/EDFU/css/validationEngine.jquery.css" type="text/css"/>
	

        <script type="text/javascript" src="/EDFU/js/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="/EDFU/js/jquery-ui-1.8.16.custom.js"></script>
		<script type="text/javascript" src="/EDFU/js/EduManager.js"></script>

		<script type="text/javascript" src="testManager.js"></script>

		<script src="/EDFU/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="/EDFU/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
		</script>
		<link href="/EDFU/css/dcaccordion.css" rel="stylesheet" type="text/css" />
		<script type='text/javascript' src='/EDFU/js/jquery.cookie.js'></script>
		<script type='text/javascript' src='/EDFU/js/jquery.hoverIntent.minified.js'></script>
		<script type='text/javascript' src='/EDFU/js/jquery.dcjqaccordion.2.7.min.js'></script>
		<script type="text/javascript" src="js/form.js"></script>
			<link href="/EDFU/css/skins/blue.css" rel="stylesheet" type="text/css" />
		<link href="/EDFU/css/skins/graphite.css" rel="stylesheet" type="text/css" />
		<link href="/EDFU/css/skins/grey.css" rel="stylesheet" type="text/css" />
		<script>
		$(document).ready(function($){
					$('#accordion-1').dcAccordion({
						eventType: 'click',
						autoClose: true,
						saveState: true,
						disableLink: true,
						speed: 'slow',
						showCount: true,
						autoExpand: true
						
					});
					
					$('#testClick').click(function (event) {
						$("#content1").load("listTest.html");
					});
					
					$('#bundleClick').click(function (event) {
						$("#content1").load("listTestBundle.html");
					});
					
					$("#startTest").click(function (event) {
					alert("hi");
					//Call the function for getting questions
					window.questionSet = new Array();
					question = new CloudEdc.Core.TestMgmt.vo.QuestionVO();
					question.question = "Who is hottest hero";
					options = new Array();
					options[0] = "Shiv";
					options[1] = "Ranbeer";
					options[2] = "Imran";
					options[3] = "Hritik";
					question.optionType = "SA";
					question.options = options;
					window.questionSet[0] = question;
					question1 = new CloudEdc.Core.TestMgmt.vo.QuestionVO();
					question1.question = "Who is good match for Shiv ";
					options = new Array();
					options[0] = "Kareena";
					options[1] = "Katrina";
					options[2] = "Urvashi";
					options[3] = "Neha";
					question1.optionType = "SA";
					question1.options = options;
					window.questionSet[1] = question1;
					$("#content1").load("testInterface.html");
					//fetchQuestion(questionCallBack);
					});
					
				});
				
				//QuestionSet is java script object of questions
				function questionCallBack(questionSet)
				{
					window.edfu.testManager.questionSet = questionSet;
					$("#content1").load("testInterface.html");
				}

		
		
	</script>
    </head>
    <style>
     
	 body {
	 margin-top : 10%;
	 height : 100%;
	 width : 100%;
	 }
		.sideBar{
			height : 100%;
			width : 20%;
			border: 1px solid #ececec;
			margin-top : 0px
		}
		
		.content1{
		border: 1px solid #ececec;
		padding : 0px;
		margin:0px;
    width:78%;
	position : relative;
    height:100%;
	float : right;
	padding : 0px

		

		}
    </style>
    <body>
		
       <div id="sideBar" class="grey demo-container sideBar">
			<ul class="accordion" id="accordion-1">
				<li><a href="#" id="bundleClick">TestBundle</a></li>
				<li><a href="#" id="testClick">Test</a></li>
				<li><a href="#" id="startTest">Start Test</a></li>

            
    
		</div>
	   
	   <div id="content1" class="content1">
	   <iframe src="listTestBundle.html" height="100%" width="100%" >
		</iframe>
	   </div>
	

	   
	   
           
    </body>
</html>